<template>
  <div>
    <el-button @click="open">打开弹窗</el-button>
     <mc-dialog :visible.sync="show" height="40%">
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <el-input v-model="msg"></el-input>
       <template #footer><el-button>dddd</el-button></template>
     </mc-dialog>
  </div>
</template>

<script>
import McDialog from './components/McDialog'
export default {
  data(){
    return {
      msg: "欢迎体验vue项目打包到MagicaCoder布局器中",
      show:false
    }
  },
  components:{
    McDialog
  },
  mounted:function(){

  },
  methods:{
    open:function (){
      this.show = true;
    }
  }
}
</script>

<style>

</style>
